import React, { useState } from 'react'
import { useNavigate } from "react-router-dom"
import { Toast, NavBar } from 'react-vant';
import "./myscss/ShowServe.scss"
export default function ShowServe() {
    const navigate = useNavigate()
    return (
        <div id='ShowServe'>
            <div className='top1'>
                <NavBar
                    leftText={`开通${666}服务`}
                    onClickLeft={() => navigate('/serve')}
                />
            </div>
            <div className='main'>
                <p className='txt1'>服务介绍</p>
                <p className='txt2'>服务定位</p>
                <p className='txt3'>根据医生的擅长、专业为对症惠者提供病情咨询、诊疗建议、用药指导等服务，利用空余时间帮助更多的惠者</p>


                <p className='txt2'>服务定价</p>
                <p className='txt3'>医生自行设置每天接诊的数量及患者问诊价格</p>

                <p className='txt2'>开通要求</p>
                <p className='txt3'>一级以上公立医院有执业证医师可以申请开通</p>

                <p className='txt2'>服务规则</p>
                <p className='txt3 newtxt'>(1)问诊审核</p>
                <p className='txt3'>患者下单后、您可在24小时内决定是否接诊，若患者咨询病情不对症，您可以选择退诊，超过24小时未接诊将自动退款</p>

                <p className='txt3 newtxt'>(2)问诊开始</p>
                <p className='txt3'>接诊后，您可以在24小时内通过图文、语音等沟通方式为患者在线诊疗;超过24小时未回复，将自动退款</p>

                <p className='txt3 newtxt'>(3)问诊完成</p>
                <p className='txt3'>如患者已得到满意答复，您与患者均可点击结束问诊主动结束问诊</p>
            </div>

            <div className='botm'>
                <button>申请开通</button>
            </div>
        </div>
    )
}
